<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="Description" content="微信商城" />
		<meta name="Keywords" content="微信 商场" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="address=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="white" />
		<title>微信商城首页</title>
		<link rel="stylesheet" type="text/css" href="vendor/normalize.min.css" />
		<link rel="stylesheet" type="text/css" href="vendor/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="vendor/swiper/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/core.css" />
	</head>
	<body>
		<header class="common-header">
			<div class="header-title">
				<a href="#" class="toggle"></a>
				<a href="index.html" class="logo"></a>	
				<div class="title-right">
					<a href="cart.html" class="shopcar"></a>				
					<a href="search.html" class="select"></a>	
				</div>				
			</div>
			<ul class="header-hid-nav">
				<li>					
					<a href="index.html"><img src="img/index/hide-nav4.jpg"/><span>首页</span></a>					
				</li>
				<li>
					<a href="special.html"><img src="img/index/hide-nav3.jpg"/><span>专题</span></a>					
				</li>
				<li>
					<a href="classify.html"><img src="img/index/hide-nav2.jpg"/><span>分类</span></a>					
				</li>
				<li>
					<a href="personal.html"><img src="img/index/hide-nav.jpg"/><span>个人</span></a>					
				</li>
			</ul>
		</header>
		<section class="gd-container">
			<div class="contaner-content">
				<section class="content-info">
					<div class="info-pic swiper-container">
						<!--商品图片的滚动-->
					    <div class="swiper-wrapper">
					        <div class="swiper-slide"><img src="img/goods-details/swiper1.png" alt="" /></div>
					        <div class="swiper-slide"><img src="img/goods-details/swiper2.jpg" alt="" /></div>
					        <div class="swiper-slide"><img src="img/goods-details/swiper3.jpg" alt="" /></div>
					        <div class="swiper-slide"><img src="img/goods-details/swiper4.jpg" alt="" /></div>
					        <div class="swiper-slide"><img src="img/goods-details/swiper5.jpg" alt="" /></div>
					    </div>
					    <!--分页器-->
					    <div class="container-pagination-wrapper">
					    	<div class="swiper-pagination"></div>
					    </div>
					</div>
					
					<!--商品的基本信息-->
					<div class="info-text">
						<h3 class="text-goodsname">狐狸毛球针织帽</h3>
						<p class="text-goods-spec">直径12cm狐狸毛球</p>
						<span class="text-goods-price">￥69.00</span>
						<div class="text-tag">
							<a href="#">
								新品 
								<i class="fa fa-chevron-right"></i>
							</a>
							<a href="#">
								Marc Jacobs制造商
								<i class="fa fa-chevron-right"></i>
							</a>
						</div>
					</div>
				</section>
				
				<!--供用户选择商品的基本规格-->
				<section class="content-spec">
					<ul class="spec-list">
						<li class="list-item first">
							<ul class="item-ul">
								<li>30天无忧退货</li>
								<li>48小时快速退款</li>
								<li>满88元免邮费</li>
							</ul>
						</li>
						
						<li class="list-item list-item-num">
							<a>
								<i class="fa fa-chevron-right"></i>
								请选择规格数量
							</a>
						</li>
						
						<li class="list-item list-item-benefit">
							<a>
								<i class="item-right fa fa-chevron-right"></i>
								<span class="item-left">
									1个促销:
									<span class="item-tag">感恩节</span>
									<span class="item-tag-text">送礼指南，领￥450现金券</span>
								</span>
							</a>
						</li>
					</ul>
				</section>
				
				<!--用户的评论-->
				<section class="content-comment">
					<!--评论版块的头部-->
					<header class="comment-header">
						<a href="#">
							<span class="header-icon">
								查看全部
								<i class="fa fa-chevron-right"></i>
							</span>
							<h6>评价</h6>
							(
							<span class="header-num">186</span>
							<span>)</span>
							<div class="border"></div>
						</a>
					</header>
					
					<!--具体的评论-->
					<section class="comment-content">
						<!--评论-评论者的基本信息-->
						<header class="content-header">
							<time>2016-11-24 16:53:29</time>
							<img class="header-portrait" src="img/goods-details/user-pic.jpg" alt="" />
							<span class="header-username">T***G</span>
						</header>
						
						<!--评论的内容-->
						<section class="content-article">
							<p>美观，厚实，颜色好美，绒毛球好舒服！</p>
							<div class="article-pic">
								<img src="img/goods-details/goods-pic1.jpg" alt="" />
								<img src="img/goods-details/goods-pic2.jpg" alt="" />
							</div>
							<span class="article-goods-spec">灰色</span>
						</section>
					</section>
				</section>
				
				<!--商品的参数-->
				<section class="content-parameter">
					<h6>商品参数</h6>
					<dl class="parameter-item">
						<dt>颜色</dt>
						<dd>黑色、灰色</dd>
					</dl>
					<dl class="parameter-item">
						<dt>材质</dt>
						<dd>
							<p>毛球：狐狸毛</p>
							<p>帽身：90%绵、5%羊毛、2%羊绒、3%其他纤维</p>
						</dd>
					</dl>
					<dl class="parameter-item">
						<dt>尺寸</dt>
						<dd>21cm*21cm</dd>
					</dl>
					<dl class="parameter-item">
						<dt>注意事项</dt>
						<dd>
							<p>1.佩戴时请注意不要被尖锐物品刮刺；</p>
							<p>2.帽子可用30度左右水温水手洗，请不要机洗。</p>
						</dd>
					</dl>
				</section>
				
				<!--图片的具体详情信息-->
				<section class="content-details clearfix">
					<img src="img/goods-details/pic1.jpg" alt="" />
					<img src="img/goods-details/pic2.jpg" alt="" />
					<img src="img/goods-details/pic3.jpg" alt="" />
					<img src="img/goods-details/pic5.jpg" alt="" />
					<img src="img/goods-details/pic6.jpg" alt="" />
					<img src="img/goods-details/pic7.jpg" alt="" />
					<img src="img/goods-details/pic8.jpg" alt="" />
					<img src="img/goods-details/pic9.jpg" alt="" />
					<img src="img/goods-details/pic10.jpg" alt="" />
					<img src="img/goods-details/pic11.jpg" alt="" />
					<img src="img/goods-details/pic12.jpg" alt="" />
					<img src="img/goods-details/pic13.jpg" alt="" />
					<img src="img/goods-details/pic14.jpg" alt="" />
					<img src="img/goods-details/pic15.jpg" alt="" />
					<img src="img/goods-details/pic16.jpg" alt="" />
					<img src="img/goods-details/pic17.jpg" alt="" />
					<img src="img/goods-details/pic18.jpg" alt="" />
					<img src="img/goods-details/pic19.jpg" alt="" />
					<img src="img/goods-details/pic20.jpg" alt="" />
					<img src="img/goods-details/pic21.jpg" alt="" />
					<img src="img/goods-details/pic22.jpg" alt="" />
					<img src="img/goods-details/pic23.jpg" alt="" />
					<img src="img/goods-details/pic24.jpg" alt="" />
					<img src="img/goods-details/pic25.jpg" alt="" />
					<img src="img/goods-details/pic26.jpg" alt="" />
					<img src="img/goods-details/pic27.jpg" alt="" />
					<img src="img/goods-details/pic28.jpg" alt="" />
					<img src="img/goods-details/pic29.jpg" alt="" />
					<img src="img/goods-details/pic30.jpg" alt="" />
					<img src="img/goods-details/pic31.jpg" alt="" />
					<img src="img/goods-details/pic32.jpg" alt="" />
					<img src="img/goods-details/pic33.jpg" alt="" />
					<img src="img/goods-details/pic34.jpg" alt="" />
					<img src="img/goods-details/pic35.jpg" alt="" />
					<img src="img/goods-details/pic36.jpg" alt="" />
					<img src="img/goods-details/pic37.jpg" alt="" />
					<img src="img/goods-details/pic38.jpg" alt="" />
					<img src="img/goods-details/pic39.jpg" alt="" />
					<img src="img/goods-details/pic40.jpg" alt="" />
					<img src="img/goods-details/pic41.jpg" alt="" />
					<img src="img/goods-details/pic42.jpg" alt="" />
					<img src="img/goods-details/pic43.jpg" alt="" />
					<img src="img/goods-details/pic44.jpg" alt="" />
					<img src="img/goods-details/pic45.jpg" alt="" />
					<img src="img/goods-details/pic46.jpg" alt="" />
					<img src="img/goods-details/pic47.jpg" alt="" />
					
				</section>
				
				
				<section class="content-part content-quality">
					<div class="border"></div>
					<span class="part-text quality-text">质检报告</span>
					<img src="img/goods-details/pic48.jpg"/>
				</section>
				
				<section class="content-part content-question">
					<div class="border"></div>
					<span class="part-text">常见问题</span>
					<article class="question-details">
						<ul class="details-list">
							<li class="list-item">
								<span class="item-title">购买运费如何收取?</span>
								<p class="item-content">单笔订单金额（不含运费）满88元免邮费；不满88元，每单收取10元运费。</p>
							</li>
							<li class="list-item">
								<span class="item-title">使用什么快递发货?</span>
								<p class="item-content">严选使用顺丰快递发货（个别商品使用其他快递），配送范围覆盖全国大部分地区（港澳台地区除外）。</p>
							</li>
							<li class="list-item">
								<span class="item-title">如何申请退货?</span>
								<p class="item-content">
									1.自收到商品之日起30日内，顾客可申请无忧退货，退款将原路返还，不同的银行处理时间不同，预计1-5个工作日到账；
									<br />
									2.退货流程：
									<br />
									确认收货-申请退货-客服审核通过-客户商品寄回-仓库签收入库-退款完成
									<br />
									3.因网易严选产生的退货，如质量问题，退货邮费由网易严选承担，退款完成后会以现金券的形式报销；因客户个人原因产生的退货，购买和寄回运费由客户个人承担。
								</p>
							</li>
							<li class="list-item">
								<span class="item-title">如何开具发票？</span>
								<p class="item-content">
									1.如需开具发票，可在购买商品1个月内（以支付时间计算）联系客服，为该商品索取发票；
									<br />
									2.食品类商品可开具食品、饮料发票，非食品类商品可开具家居用品、日用品发票。
								</p>
							</li>
						</ul>
					</article>
				</section>
				
			</div>
			
			<footer class="gd-footer">
				<a class="footer-service" href="#"><i class="fa fa-headphones"></i></a>
				<div class="footer-button">
					<a class="button-buy" href="#">立即购买</a>
					<a class="button-cart" href="cart.html">加入购物车</a>
				</div>
			</footer>
		</section>
		
		
		
		<script src="js/resize.js"></script>
		<script src="vendor/require.min.js" data-main="js/goods-details"></script>
	</body>
</html>
